<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.5.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/carousel.js}"></script>
</head>



<body>
<div style="width: 100%;text-align: center;margin-top: 30px">
    <h1>广告管理</h1>
</div>


<div class="site-demo-button" id="layerDemo" style="margin-left: 40px;">

    <table style="margin-left: 50px;margin-bottom: 1%;margin-top: 30px">
        <tr>
            <td><input class="layui-input" type="text" name="name" id="adminName" placeholder="商家名"></td>
            <td>&nbsp&nbsp</td>
            <td>&nbsp&nbsp</td>
            <td>&nbsp&nbsp</td>
            <td >
                <select id="carouselStatus" style="height: 37px">
                    <option value>搜索状态</option>
                    <option value="0">不展示</option>
                    <option value="1">展示</option>
                    <option value="2">待展示</option>
                    <option value="3">待审核</option>
                </select>
            </td>
            <td>
                <button style="margin-left: 30px" class="layui-btn" data-type="reload" >查询</button>
                <button type="button" class="layui-btn layui-btn-normal" onclick="createNewAdvertising()">新增广告</button>

            </td>
            <td>&nbsp&nbsp&nbsp&nbsp</td>
            <td>&nbsp&nbsp&nbsp&nbsp</td>
        </tr>
    </table>
</div>
<!--    表格数据，通过js渲染得到显示数据-->
<table class="layui-hide" id="table_carousel_lists" lay-filter="carousel"></table>

<div id="creatNewAd" style="display: none;width: 600px;height: 600px">
    <form class="layui-form layui-form-pane" style="margin-left: 20%">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">分类类型</label>
                <div class="layui-input-block" style="width: 50%">
                    <select id="choose" lay-filter="choose">
                        <option value="">请选择分类</option>
                        <option value="1" >商品分类</option>
                        <option value="2" >物品分类</option>
                    </select>
                </div><br>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">分类类型</label>
                    <div class="layui-input-inline" >
                        <select  id="sonId">
                            <option value="">请选择</option>
                        </select>
                    </div><br><br><br>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">分类图片</label>
                <input type="file" name="catImage" class="layui-input " style="width: 50%"><br>
            </div><br>
<!--            广告时间：-->
<!--            <div class="layui-inline">-->
<!--                <input type="date" class="layui-input" name="startTimeTo" id="coupon_startTime_to" autocomplete="off">-->
<!--            </div>-->
<!--            - -->
<!--            <div class="layui-inline">-->
<!--                <input type="date" class="layui-input" name="endTimeTo" id="coupon_endTime_to" autocomplete="off">-->
<!--            </div>-->
            <div class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">日期时间范围</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" id="test10" placeholder="请选择广告的周期">
                        </div>

                    </div>

                </div>
            </div>

            <hr class="hr15">

            <div class="layui-inline">
                <button type="button" class="layui-btn" style="margin-left: 40%" onclick="createAdvertise()">新增广告</button>
            </div>

        </div>

    </form>
</div>





</body>
<script type="text/html" id="carouselDemo">
    {{# if(d.isShow=='3'){}}
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="pass">审核</a>
    {{# } else if(d.isShow=='1'){}}
    <a id="de" class="layui-btn layui-btn-danger layui-btn-xs" lay-event="forbidden">禁用</a>
    {{# } else if(d.isShow=='2'){}}
    <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="start">展示</a>
    {{# } else if(d.isShow=='0'){}}
    <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="start">展示</a>
    {{# } }}

</script>

<script>





</script>
</html>